<!DOCTYPE html>
<html>
<head>
    <title>门店列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0;maximum-scale=1.0; user-scalable=no;"/>
    <meta name="apple-mobile-web-app-status-bar-style" content='black' />
    <meta content="telephone=no" name="format-detection" />
    <link href="/static/css/jquery.mobile-1.4.3.css" rel="stylesheet" type="text/css"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <link href="/static/css/overwrite.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/static/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.mobile-1.4.3.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=755d808b3fd553009dfe365870749c4a&v=1.0"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchControl/1.4/src/SearchControl_min.css" />
    <style type="text/css">
{#        #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}#}
{#        .BMap_pop{#}
{#            color: #333333!important;#}
{#        }#}
{#        .BMap_pop div,.BMap_pop div p,.BMap_pop .BMap_top,.BMap_pop .BMap_bottom,.BMap_pop .BMap_center{#}
{#            color: #333333!important;#}
{#              background:rgba(255,255,255,1)!important;#}
{#            box-shadow:none!important;#}
{#        }#}
{#        .BMap_pop img{#}
{##}
{#        }#}
        body{
            visibility: hidden;
            visibility: visible;
        }
    </style>
</head>
<body data-transition="flip">
<div class="storeLists" data-role="page" id="pageHome">
    <div data-role="header" style="box-shadow:  1px 1px 10px #999;z-index: 1" >
        <div data-role="navbar">
            <ul>
                <li><a href="#" >全部地区 <img style="width: 12px"  src="/static/images/icons-png/carat-d-black.png"/></a></li>
                <li><a href="#" >智能排序 <img style="width: 12px"  src="/static/images/icons-png/carat-d-black.png"/></a></li>
                <li>
                    <a id="storeList" href="/appSide/storeList/" rel='external'>
                        <div style="">
                            <img style="width: 28px;padding: 6px 0px" height="20px" src="/static/images/list.png"/>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="storeList">
        <div id="allmap" style="width: 100%;height:432px">
        </div>
        <div id="log"></div>
    </div>

</div>
</body>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");            // 创建Map实例
    // 创建Map实例
    map.centerAndZoom(new BMap.Point(118.825706,32.053729), 13);
    map.addControl(new BMap.ZoomControl());          //添加地图缩放控件
    var options = {
        renderOptions:{map: map},
        onSearchComplete: function(results){
            if (local.getStatus() == BMAP_STATUS_SUCCESS){
                // 判断状态是否正确
                var s = [];
                for (var i = 0; i < results.getCurrentNumPois(); i ++){
                    s.push(results.getPoi(i).title + ", " + results.getPoi(i).address);

                    console.log(s)
                }
                document.getElementById("log").innerHTML = s.join("<br>");
            }
        }
    };
    var local = new BMap.LocalSearch(map,options);
    local.search("百信药房");

</script>
</html>